{__NOLAYOUT__}<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大拇哥资源共享平台</title>
    <!--视口 不缩放 -->
    <meta name="viewport" content="user-scalable=no,width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0">
    <meta name="flexible" content="initial-dpr=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- 网页作者 -->
    <meta name="author" content="hg" />
    <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 设置苹果工具栏颜色 -->
    <meta name="format-detection" content="telphone=no, email=no" />
    <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 不让百度转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="msapplication-TileColor" content="#000" />
    <!--<link href="logo.ico" rel="shortcut icon" type="image/x-icon">-->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="favicon.ico">
    
    
    <!-- ZUI1.7.0 -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/zui/1.7.0/css/zui.min.css" rel="stylesheet">
    
    <!-- Swiper -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
    
    <link href="__PUBLIC__/dist/css/mobile.css" rel="stylesheet">

</head>
<body>
<div id="page">
    <!-- Header -->
     <include file="Index:nav" />
    <!-- Header End -->

    <!-- Banner -->
    <section class="banner">
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <volist name="hdp" id="vo">
                <div class="swiper-slide" style="background-image:url(http://hgedu.fjhgkj.com{$vo.pic});"></div>
                </volist>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
    </section>
    <!-- Banner End -->

    <!-- 项目列表 start -->
    <section class="container">
        <h1 class="pt-40 mb-20">精品岗位推荐</h1>
        <div class="card-group row">
             <volist name="jingpingw" id="vo">
            <div class="card-box">
                <div class="card-box-content">
                    <div class="card-img mb-20"><a href="index.php?g=Mobile&m=Index&a=major&pid={$vo.zyid}&cid={$vo.id}"><img src="__PUBLIC__/dist/image/img.jpg"  data-src="http://hgedu.fjhgkj.com{$vo.bannerimg}"></a></div>
                    <div class="card-info">
                        <p class="text-ellipsis mb-20"><a href="index.php?g=Mobile&m=Index&a=major&pid={$vo.zyid}&cid={$vo.id}">{$vo.title}</a></p>
                        <p class="card-info-item clearfix">
                            <label><i class="icon-gw"></i>{$vo.xmcount}</label>
                        </p>
                    </div>
                </div>
            </div>
             </volist>
            
        </div>

        <div class="swiper-container adsense pt-20">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><a><img src="__PUBLIC__/dist/image/adsense1.jpg"></a></div>
                <div class="swiper-slide"><a><img src="__PUBLIC__/dist/image/adsense2.jpg"></a></div>
                <div class="swiper-slide"><a><img src="__PUBLIC__/dist/image/adsense3.jpg"></a></div>
            </div>
        </div>

        <div class="rank">
            <p class="title pt-40 mb-20"><a class="active paihang" data-sort="liulan">浏览排行</a><a class="paihang" data-sort="redu">热度排行</a></p>
            <div class="card-group row" id="redupaihangdiv">
                           
                
            </div>
        </div>

        <div class="news pt-20 mb-40">
            <a class="pull-right" href="index.php?g=Mobile&m=Index&a=news">更多&gt;</a>
            <h1 class="mb-20">新闻资讯</h1>
                <div class="news-card">
                    <ul class="row">
                       <volist name="tuijian" id="vo">
                        <li class="col-xs-6">
                            <a href='index.php?g=Mobile&m=Index&a=newsdetails&id={$vo.id}'><img  src="__PUBLIC__/dist/image/img.jpg" data-src="http://hgedu.fjhgkj.com{$vo.thumb}"></a>
                            <a href='index.php?g=Mobile&m=Index&a=newsdetails&id={$vo.id}'><p class="text-ellipsis">{$vo.title}</p></a>
                        </li>
                       </volist>

                    </ul>
                </div>
                <ul class="news-list ">
                  <volist name="notuijian" id="vo">
                      <li class="text-ellipsis"><a href='index.php?g=Mobile&m=Index&a=newsdetails&id={$vo.id}'>{$vo.title}</a><span>{$vo.createtime|date="Y-m-d",###}</span></li>
                  </volist>
                </ul>
        </div>

    </section>

</div>


<script src="//cdnjs.cloudflare.com/ajax/libs/zui/1.7.0/lib/jquery/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/zui/1.7.0/js/zui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
<!-- qrcode 二维码 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
<script src="__PUBLIC__/dist/js/main.js"></script>
<script>
$(function(){
    var swiper = new Swiper('.banner .swiper-container', {
        autoplay: 3000, //可选选项，自动滑动
        pagination: '.banner .swiper-pagination',
        paginationClickable: true,
    })

    var swiper = new Swiper('.adsense', {
        autoplay: 3000, //可选选项，自动滑动
    })
})
</script>
<script>
    $(function () {
         $('.paihang').on('click',function(){
           $('.paihang').removeClass("active");
            $(this).addClass("active");
           var aa = $(this).data('sort') ;
            paihang(aa) ;
         })
    })
    
    function paihang(aa){
        $.ajax({
        type: "POST",
        url: "index.php?g=Home&m=Index&a=getfitem",
        data: "aa="+aa,
        dataType: "json",
        success: function(resp)
        {
            if(resp != null){
                var strHTML = '';
                $.each(resp, function(k, item) {
                   strHTML += '<div class="card-box">' ;
                    strHTML += '<div class="card-box-content">';
                    strHTML += '<div class="card-img mb-20"><a href="index.php?g=Mobile&m=Index&a=details&pid='+item.zyid+'&cid='+item.gwid+'&oid='+item.id+'"><img src="http://hgedu.fjhgkj.com'+item.bigimage+'" data-src="http://hgedu.fjhgkj.com'+item.bigimage+'"></a></div>';
                    strHTML += '<div class="card-info">';
                    strHTML += '<p class="text-ellipsis mb-20"><a href="index.php?g=Mobile&m=Index&a=details&pid='+item.zyid+'&cid='+item.gwid+'&oid='+item.id+'">'+item.title+'</a></p>';
                    strHTML += '<p class="card-info-item clearfix">';
                    strHTML += '<label><i class="icon-fwl"></i>'+item.readpoint+'</label>';
                    strHTML += '<label><i class="icon-rd"></i>'+item.redu+'</label>';
                    strHTML += '</p></div></div></div>';
                });
                $("#redupaihangdiv").html(strHTML) ;
            }
        }        
        });
    }
    
    paihang('liulan')  ;
</script>
</body>
</html>